import { View } from "@tarojs/components";
import Icon from "components/Icon";

import "./index.scss";

function ListItem() {
  return (
    <View className="box">
      <View className="boxImg">
        <image className="showImg"></image>
        {/* <span className="loveIcon">I</span> */}
        <View className="loveIcon">
          <Icon name="heart" size={28} color="rgba(0,0,0,0.6)" />
        </View>
        <View className="addIcon">
          <Icon name="rect_82" size={28} color="rgba(0,0,0,0.6)" />
        </View>

        {/* rgba(0,0,0,0.6) */}
      </View>
      <View className="boxInfo">
        <View className="boxTitle">
          标题ABCasdfas fsdf asdf main dcdcd cdcdccdcd aaaa
        </View>
        <View className="boxPrice">
          <span className="currentPrice">$123.00</span>
          <span className="deletePrice">
            <del>￥123</del>
          </span>
        </View>
      </View>
    </View>
  );
}

export default ListItem;
